
    <style>
        .item-text{
            font-size: 12px;
        }

    </style>
<div style="margin-top: 15px;">
{{range $key,$val :=.articles}}
    <div class="mui-card" style="margin-bottom: 15px;">
        <ul class="mui-table-view mui-table-view-chevron">
            <li class="mui-table-view-cell mui-media">
                <a class="mui-navigate-right" href="detail?id={{$val.Id}}&&cid={{.cid}}">
                    <div class="mui-media-body item-title">
                       {{$val.Title}}
                        <p class='mui-ellipsis item-text'>{{$val.CreatedAt}}</p>
                    </div>
                </a>
            </li>
        </ul>
    </div>
	{{end}}
</div>
